﻿<style type="text/css">
    * {
        font-size: 12px;
    }

    body, html {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

    #tip {
        position: absolute;
        z-index: 100000;
        width: auto;
        padding: 5px;
        color: #039;
        font-weight: bold;
        background: #FFF;
        display: none;
    }
</style>
<span id="tip">正在加载数据,请耐心等待.......</span>
<div style="font-size:12px;height:30px;text-align:center;background:#C5CFD6;border-bottom:1px solid #999;">
    从：
    <input type="text" name="from" value="@(DateTime.Now.AddDays(1 - DateTime.Now.Day).Date)" id="from" />
    到：
    <input type="text" name="to" value="@(DateTime.Now.AddDays(1 - DateTime.Now.Day).Date.AddMonths(1).AddSeconds(-1))" id="to" />
    车牌号 ：<select id="carid" style="width:6%;"></select>
    <select name="freq" id="freq" style="display:none" οnchange="PlayBack.Frequency = this.value">
        <option value="10000">正常-10</option>
        <option value="5000">2倍正常-5</option>
        <option value="3000">快-3</option>
        <option value="1000">比较快-1</option>
        <option value="500">很快-0.5</option>
        <option value="100" selected>非常快-0.1</option>
        <option value="10">快得不得了</option>
    </select>
    <input id="PLAY" onClick="PlayBack.getDataFrist(document.getElementById('from').value,document.getElementById('to').value,document.getElementById('freq').value)" type="button" value="开始回放" />
    <input id="STOP" onClick="PlayBack.stopPlay()" type="button" value="停止播放" style="display:none;" />
    <input id="mdTime" type="hidden" value="" />
</div>
<div id="map"></div>
<script>
    var $;
    layui.use(['jquery', 'laydate'], function () {
        $ = layui.jquery;
        var laydate = layui.laydate;
        //日期
        laydate.render({
            elem: "#from",
            type: "datetime",
        })
        laydate.render({
            elem: "#to",
            type: "datetime",
        })
        $(function () {
            init();
            var aimSelect = document.getElementById("carid");
            var option = document.createElement("option");
            option.innerHTML = "豫A016DW";
            aimSelect.appendChild(option);
        })
    })
</script>
<script type="text/javascript" src="~/Content/lib/Map/api.js"></script>
<script type="text/javascript" src="~/Content/lib/Map/goome.maps.js"></script>
@*<script type="text/javascript" src="~/Content/lib/Map/WdatePicker.js"></script>*@
<script type="text/javascript" src="~/Content/lib/Map/cn.js"></script>
@*<script type="text/javascript" src="~/Content/lib/Map/jquery-2.1.1.min.js"></script>*@
<script type="text/javascript" src="~/Content/lib/Map/underscore.js"></script>
<script type="text/javascript" src="~/Content/lib/Map/popupmarker.js"></script>
<script type="text/javascript" src="~/Content/lib/Map/core.js"></script>
<script type="text/javascript" src="~/Content/lib/Map/playback1.js"></script>
<script>
    function restFrame() {
        var w = document.documentElement.clientWidth;
        var h = document.documentElement.clientHeight;
        var topMenuHeight = 32;//顶部菜单区域的整体高度
        var divCanvas = document.getElementById("map");
        divCanvas.style.height = (h - topMenuHeight) + "px";
        divCanvas.style.width = w + "px";
    }
    var PlayBack = new PlayBack("map", 65979, "GT02", 65);

    function init() {
        restFrame();
        PlayBack.createMap("cn");
    }
    document.onmousemove = mouseCoords;
</script>